<template>
  <div class="nav">
    <ul>
      <router-link to="/home">
        <i class="iconfont icon-xuanfushouye"></i>
        <span class="title">首页</span>
      </router-link>
      <router-link to="/order">
        <i class="iconfont icon-dingdan"></i>
        <span class="title">订单</span>
      </router-link>
      <router-link to="/shopCart">
        <i class="iconfont icon-gouwuche"></i>
        <span class="title">购物车</span>
      </router-link>
      <router-link to="/my">
        <i class="iconfont icon-wode"></i>
        <span class="title">我的</span>
      </router-link>
    </ul>
  </div>
</template>

<script>
import '../../assets/fonts/iconfont.css'

export default {
  name: "index",
  data() {
    return {}
  }
}
</script>

<style scoped>

.title{
  display: block;
  font-size: 8px;
}
.nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45px;
  padding-bottom: 12px;
  background: aliceblue;
}

.nav ul {
  height: 50px;
  width: 100%;
  display: flex;
}
.nav ul a {
  flex: 1;
  text-align: center;
}
.nav ul a i{
  font-size: 25px;
}
</style>
